<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript" src="jquery.ui.touch-punch.js"></script>
<script type="text/javascript" src="jquery_chords.js"></script>
<script type="text/javascript" src="jquery.transposer.js"></script>

<!--<link rel="stylesheet" type="text/css" href="jquery.transposer.css" />-->
<title>Untitled Document</title>
<style type="text/css">
.fretBoard {
	background-image: url(chords/board.png);
	position:absolute;
	left:44px;
	top:35px;
	width:247px;
	height:158px;
	z-index:5;
	
	-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}


#chordPanel {
	position:absolute;
	left:505px;
	top:192px;
	width:342px;
	height:227px;
	z-index:3;
	background-color:white;
	border-color:#004a80;
}
.fretPanel {
	position:absolute;
	left:0px;
	top:0px;
	width:342px;
	height:199px;
	z-index:1;
	background-color:white;
	border-color:#004a80;/*	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);*/
}
		
		






.chordFooterPanel {
	position:absolute;
	top:202px;
	height:50px;
	z-index:3;
	width:135px;
	left: 98px;
}
.chordFooter {
	position:absolute;
	height:25px;
	z-index:3;
	left: 92px;
}
.chordFooterName {
	left:30px;
	width:75px;
}

.chordFooterChord {
	top:25px;
	left:30px;
	width:75px;
}

.chordFooterRight {
	left:106px;
	width:25px;
	background-image: url(chords/right.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.chordFooterLeft {
	left:0px;
	width:25px;
	background-image: url(chords/left.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.chordFont {
	font-family: Calibri;
	font-size: 20px;
	font-weight: bold;
	color: #004a80;
	text-align: center;
}
.chordFr {
	position:absolute;
	top:-29px;
	height:23px;
	z-index:3;
}

.chordFrNumber {
	left:7px;
	width:41px;
	-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.chordString {
	position:absolute;
	width:24px;
	height:24px;
	z-index:2;
	top: 27px;
}

.chordStringPanel {
	position:absolute;
	top:38px;
	width:24px;
	height:149px;
	z-index:2;
	top: 36px;
	left: 10px;
	
	-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}  
.chordStringName{
	left:9px;
}

.chordStringFinger{
	
	position:absolute;
	width:24px;
	height:24px;
	z-index:2;
	top: 27px;
	
}
.chordStringFinger1{
	left:54px;
	background:url(chords/1.png);

	-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.chordStringFinger2{
	left:64px;
	background:url(chords/2.png);
	-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.chordStringFinger3{
	left:112px;
	background:url(chords/3.png);
	-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.chordStringFinger4{
	left:159px;
	background:url(chords/4.png);
	-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.chordString1 {
	top:0px;
	-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.chordString2 {
	top:25px;
	-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.chordString3 {
	top:50px;
	-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.chordString4 {
	top:75px;
	-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.chordString5 {
	top:100px;
	-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.chordString6 {
	top:125px;
	-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.chordSignPanel {
	position:absolute;
	top:38px;
	width:24px;
	height:149px;
	z-index:2;
	top: 39px;
	left: 302px;
	
	-moz-transform: rotate(-80deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.chordStringSign {
	background-repeat:no-repeat;
	background-position: center center;
}
.chordStringSign1 {
	background-image: url(chords/o.png);
}

.chordStringSign2 {
	background-image: url(chords/oo.png);
}
.chordStringSign3 {
	background-image: url(chords/x.png);
}



.arrow img 
{
	width:25px;
	height:25px;
}
.chordCapo {
	position:absolute;
	width:20px;
	height:125px;
	z-index:2;
	top: 2px;
	left: 19px;
	background:url(chords/barri.png);
	background-position:top;
	background-repeat:repeat-y
}
</style>
</head>


<body>

<pre id="cont" data-key="C">#-------------------------------PLEASE NOTE-------------------------------------#
# This file is the author's own work and represents their interpretation of the #
# song. You may only use this file for private study, scholarship, or research. #
#-------------------------------------------------------------------------------#
A Lover's Concerto chords
The Toys

<span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>                 <span style="color: rgb(0, 127, 191); cursor: pointer; ">Em</span>
How gentle is the rain
     <span style="color: rgb(0, 127, 191); cursor: pointer; ">F</span>     <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>             <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>   <span style="color: rgb(0, 127, 191); cursor: pointer; ">Am</span>
That falls softly on the meadow,
<span style="color: rgb(0, 127, 191); cursor: pointer; ">Dm</span>    <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>           <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>
Birds high up the trees
<span style="color: rgb(0, 127, 191); cursor: pointer; ">Am</span>           <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>      <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>              <span style="color: rgb(0, 127, 191); cursor: pointer; ">Dm</span>  <span style="color: rgb(0, 127, 191); cursor: pointer; ">G7</span>
Serenade the clouds with their melodies

    <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>                    <span style="color: rgb(0, 127, 191); cursor: pointer; ">Em</span>
Oh, see there beyond the hill,
    <span style="color: rgb(0, 127, 191); cursor: pointer; ">F</span>      <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>             <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>   <span style="color: rgb(0, 127, 191); cursor: pointer; ">Am</span>
The bright colors of the rainbow.
<span style="color: rgb(0, 127, 191); cursor: pointer; ">Dm</span>   <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>           <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>
Some magic from above
<span style="color: rgb(0, 127, 191); cursor: pointer; ">Am</span>                <span style="color: rgb(0, 127, 191); cursor: pointer; ">Dm</span> <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>               <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>  <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>
Made this day for us just to fall in love

<span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>                <span style="color: rgb(0, 127, 191); cursor: pointer; ">Em</span>
Now, I belong to you
     <span style="color: rgb(0, 127, 191); cursor: pointer; ">F</span>    <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>            <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span> <span style="color: rgb(0, 127, 191); cursor: pointer; ">Am</span>
From this day until forever,
<span style="color: rgb(0, 127, 191); cursor: pointer; ">Dm</span>   <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>             <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>
Just love me tenderly
<span style="color: rgb(0, 127, 191); cursor: pointer; ">Am</span>               <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>   <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>             <span style="color: rgb(0, 127, 191); cursor: pointer; ">Dm</span> <span style="color: rgb(0, 127, 191); cursor: pointer; ">G7</span>
And I'll give to you every part of me.

<span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>                      <span style="color: rgb(0, 127, 191); cursor: pointer; ">Em</span>
Oh, don't ever make me cry
        <span style="color: rgb(0, 127, 191); cursor: pointer; ">F</span>    <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>                 <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>   <span style="color: rgb(0, 127, 191); cursor: pointer; ">Am</span>
Through long lonely nights without us.
<span style="color: rgb(0, 127, 191); cursor: pointer; ">Dm</span> <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>              <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>
Be always true to me,
<span style="color: rgb(0, 127, 191); cursor: pointer; ">Am</span>               <span style="color: rgb(0, 127, 191); cursor: pointer; ">Dm</span>   <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>            <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>  <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>
Keep this day in your heart eternally.

<span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>                  <span style="color: rgb(0, 127, 191); cursor: pointer; ">Em</span>
One day we shall return
   <span style="color: rgb(0, 127, 191); cursor: pointer; ">F</span>    <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>              <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>  <span style="color: rgb(0, 127, 191); cursor: pointer; ">Am</span>
To this place upon the meadow.
<span style="color: rgb(0, 127, 191); cursor: pointer; ">Dm</span>    <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>               <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>
We'll walk out in the rain,
<span style="color: rgb(0, 127, 191); cursor: pointer; ">Am</span>             <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>    <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>             <span style="color: rgb(0, 127, 191); cursor: pointer; ">Dm</span>  <span style="color: rgb(0, 127, 191); cursor: pointer; ">G7</span>
See the birds above singing once again

    <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>                   <span style="color: rgb(0, 127, 191); cursor: pointer; ">Em</span>
Oh, you hold me in your arms,
    <span style="color: rgb(0, 127, 191); cursor: pointer; ">F</span>   <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>              <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>    <span style="color: rgb(0, 127, 191); cursor: pointer; ">Am</span>
And say once again you love me,
<span style="color: rgb(0, 127, 191); cursor: pointer; ">Dm</span>  <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>               <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span>
And if your love is true,


<span style="color: rgb(0, 127, 191); cursor: pointer; ">Am</span>              <span style="color: rgb(0, 127, 191); cursor: pointer; ">Dm</span> <span style="color: rgb(0, 127, 191); cursor: pointer; ">G</span>             <span style="color: rgb(0, 127, 191); cursor: pointer; ">C</span> 
Everything will be just as wonderful.

Set8

http://sites.google.com/site/guitarmusicchordsandlyrics/
</pre>
														
<!--<div id="chordPanel" class="chordPanel">
  <div id="fretPanel" class="fretPanel">
    
  <div id="fretBoard" class="fretBoard">

<div id="chordFinger4" class="chordString chordStringFinger chordStringFinger4"></div>
<div id="chordFinger3" class="chordString chordStringFinger chordStringFinger3"></div>
<div id="chordFinger2" class="chordString chordStringFinger chordStringFinger2"></div>
<div id="chordFrNumber" class="chordFont chordFr chordFrNumber">I</div>
<div id="chordCapo" class="chordCapo"></div>
</div>
<div id="chordStringPanel" class="chordFont chordStringPanel">
<div id="chordString6" class="chordFont chordString chordString6">E</div>
<div id="chordString5" class="chordFont chordString chordString5">B</div>
<div id="chordString4" class="chordFont chordString chordString4">G</div>
<div id="chordString3" class="chordFont chordString chordString3">D</div>
<div id="chordString2" class="chordFont chordString chordString2">A</div>
<div id="chordString1" class="chordFont chordString chordString1">E</div>
</div>

<div id="chordSignPanel" class="chordFont chordSignPanel">
<div id="chordStringSign6" class="chordString chordString6 chordStringSign chordStringSign3"></div>
<div id="chordStringSign5" class="chordString chordString5 chordStringSign chordStringSign2"></div>
<div id="chordStringSign4" class="chordString chordString4 chordStringSign chordStringSign1"></div>
<div id="chordStringSign3" class="chordString chordString3 chordStringSign chordStringSign1"></div>
<div id="chordStringSign2" class="chordString chordString2 chordStringSign chordStringSign1"></div>
<div id="chordStringSign1" class="chordString chordString1 chordStringSign chordStringSign1"></div>
</div>
</div>

<div id="chordFooterPanel" class="chordFooterPanel">
<div id="chordFooter" class="chordFont chordFooter chordFooterName">(1)</div>
<div id="chordFooterChord" class="chordFont chordFooter chordFooterChord">C</div>
<div id="chordFooterLeft" class="chordFooter chordFooterLeft"><a id="arrowLeft" class="arrow" href=""><img src="chords/1x1.gif" width="1" height="1"></a></div>
<div id="chordFooterRight" class="chordFooter chordFooterRight"><a id="arrowRight" class="arrow" href=""><img src="chords/1x1.gif" width="1" height="1"></a></div>
</div>
</div>-->


</body>
<script type="text/javascript">
$(function()
    {
		//Template 
		//	fr:freth
		// capo: [fret, length]
		// Finger : [string, pos]
		// String : 0 = normal string
		//			1 = bass string
		//			-1 = mute string
		var chordsList = ["C", "Dm", "F", "G", "Am", "Em", "G7"];
		$(this).chordsLoad(chordsList);

    	//$("#cont").transpose();


    });
</script>
</html>
